@import './constant.scss';
li{
  list-style: none;
}
.light-green {
  height: 108px;
  background-color: rgba(0, 128, 0, 0.12);
}
.green {
  height: 108px;
  background-color: rgba(0, 128, 0, 0.24);
}
.hover-pointer:hover{
  cursor: pointer;
}
.item-center{
  display: flex;
  align-items: center;
  justify-content: center;
}
.item-auto{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.clear_float{
  content: "";
  display: block;
  clear: both;
}
.type-area{
  margin: 1rem 7%;
}
.text-align{
  text-align: center;
}
.e-chart-pack{
  position: relative;
  margin: 0;
  padding: 1rem 0 0;
  width: 100%;
  height: 16rem;
  background:
          url("/src/assets/images/screen/border-left.png") no-repeat,
          url("/src/assets/images/screen/border-left2.png") no-repeat left bottom,
          radial-gradient(#fff0, #fff0, #034a68);

  background-size: 100%;
  &:hover{
    border-radius: 2px;
  }
}
.pack{
  width: 100%;
  height: 100%;
}
.e-title{
  display: block;
  position: absolute;
  top: -.36rem;
  left: 21%;
  z-index: 9;
  margin: 0 auto;
  background: #015179aa;
  border-radius: 2rem;
  width: 56%;
  height: 1.56rem;
  text-align: center;
  font-size: 16px;
}
.e-chart-map{
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(#fff0, #fff1,#fff2, #034a68aa);
  &:hover{
    border-radius: 2px;
  }
}